<div class="panel {{ pnl.alternative|default:'panel-default' }} ">
  {% if pnl.heading %}
  <div class="panel-heading">
    {% if pnl.title|default:"" == "" %}
    {{ pnl.heading }}
    {% endif %}
    {% if pnl.title|default:"" == "h1" %}
    <h1 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
    {% if pnl.title|default:"" == "h2" %}
    <h2 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
    {% if pnl.title|default:"" == "h3" %}
    <h3 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
    {% if pnl.title|default:"" == "h4" %}
    <h4 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
    {% if pnl.title|default:"" == "h5" %}
    <h5 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
    {% if pnl.title|default:"" == "h6" %}
    <h6 class="panel-title">{{ pnl.heading }}</h1>
    {% endif %}
  </div>
  {% endif %}

  {% if pnl.body %}
  <div class="panel-body">
    {% for line in pnl.body %}
    <p>{{ line }}</p>
    {% endfor %}
  </div>
  {% endif %}

  {% if pnl.list %}
  <ul class="list-group">
    {% for item in pnl.list %}
    <li class="list-group-item">{{ item }}</li>
    {% endfor %}
  </ul>
  {% endif %}

  {% if pnl.table %}
  <table class="table">
    <thead>
      <tr>
      {% for head in pnl.table.head %}
      <th>{{ head }}</th>
      {% endfor %}
      </tr>
    </thead>
    <tbody>
      {% for item in pnl.table.body %}
      <tr>
        {% for i in item %}
        <td>{{ i }}</td>
        {% endfor %}
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}

  {% if pnl.footer %}
  <div class="panel-footer">{{ pnl.footer }}</div>
  {% endif %}
</div>